<template>
    <div class="xm-recommend">
        <XmListPage :url="url" :query="query" @onLoad="onLoad" />
    </div>
</template>

<script>
import XmListPage from '@/components/XmListPage.vue'
import { INTERVIEW_LIST_API } from '@/constant/api'

export default {
  name: 'XmRecommend',
  components: {
    XmListPage
  },
  data () {
    return {
      url: INTERVIEW_LIST_API,
      query: {
        current: 1,
        pageSize: 10,
        stem: '',
        keyWord: '',
        sorter: 'weight_desc'
      }
    }
  },
  methods: {
    onLoad () {
      this.query = { ...this.query, current: this.query.current + 1 }
    }
  }
}
</script>

<style lang="less" scoped>
.xm-recommend {
    height: 100%;
    overflow-x: hidden;
}
</style>
